<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup
import { FormDesign } from '@giantgo-render/components'
import 'giantgo-render/src/styles/index.scss'
</script>

<template>
  <FormDesign />
</template>

<style>
html {
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'SourceHanSansCN-Regular',
    'SourceHanSansCN', Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
  box-sizing: border-box;
}

body {
  min-width: 1020px;
  word-wrap: break-word;
}

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#app {
  height: 100%;
  width: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

button,
input,
select,
textarea {
  margin: 0;
  background-color: transparent;
  border-style: none;
  color: inherit;
  font-size: 14px;
}

label {
  font-size: 16px;
}

h1,
h2 {
  line-height: 1.3;
}

h1 {
  font-size: 16px;
  margin: 0 0 12px;
}

h2 {
  font-size: 15px;
  margin: 7.5px 15px;
}

p {
  font-size: 16px;
  margin: 2px 0;
}

a {
  text-decoration: none;
  color: inherit;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}
</style>
